<style scoped>
  .weui-media-box_appmsg .weui-media-box__hd {
    font-size: 12px;
    /*background: #ccc;*/
    color: #fff;
  }
  .weui-media-box_appmsg .weui-media-box__hd .blue {
    background: #296BCC !important;
  }
  .weui-media-box__desc {
    font-size: 12px;
  }
  .weui-media-box__title {
    white-space: normal;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .weui-form-preview__bd {
    text-align: left;
  }

  .weui-form-preview {
    position: relative;
    background-color: #fff;
    margin: 1%;
    border-radius: 5px;
  }
  .time {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 10px;
    color: #ccc;
  }

  .logimg {
    width: 14px;
    height: 14px;
  }
  .datalist {
    background: #e3e3e3;
    height: 100%;
    overflow: hidden;
  }
  .datalist.nodata {
    font-size: 14px;
    padding: 5px;
  }
  .tit {
    font-size: 12px;
    text-align: left;
    padding: 5px 15px 0 30px;
  }

  .weui-media-box_appmsg {
    /*display: block !important;*/
    font-size: 0;
  }
  .weui-media-box_appmsg .weui-media-box__hd {
    margin-right: 5% !important;
    width: 23%;
    height: 23%;
    white-space: nowrap;
    /*line-height: 23%;*/
    display: inline-block !important;
  }
  .weui-media-box_appmsg .weui-media-box__bd {
    display: inline-block !important;
    width: 71%;
  }
  .weui-media-box__desc {
    overflow: initial;
    line-height: 1.4;
    display: flex;
  }
  .weui-media-box_appmsg .weui-media-box__hd .nodenm{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #ccc;
    margin: 0 auto;
    font-size: 10px;
  }
  .weui-media-box {
    padding: 0 !important;
  }

  .delsty {
    position: absolute;
    top: -10px;
    right: -15px;
    /*z-index: 1000;*/
  }
  .icontbox {
    font-size: 0;
    width: 95%;
  }
  .contbox-txt {
    font-size: 10px; color: #ccc;
    text-align: right;
  }


  .weui_uploader_input_wrp {
    float: left;
    position: relative;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 77px;
    height: 77px;
    border: 1px solid #D9D9D9;
  }

  .weui_uploader_files {
    list-style: none;
  }

  .weui_uploader_input_wrp:before {
    width: 2px;
    height: 39.5px;
  }

  .weui_uploader_input_wrp:before, .weui_uploader_input_wrp:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9;
  }

  .weui_uploader_input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .weui_uploader_input_wrp:after {
    width: 39.5px;
    height: 2px;
  }

  .weui_uploader_bd {
    overflow: hidden;
  }
  .outstore >>> .weui-uploader_file {
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 79px;
    background: no-repeat 50%;
    background-size: cover;
  }

  .weui-cell.fir {
    border-top: 0;
  }
  .weui_uploader_input_wrp.inrow {
    width: 30px;
    height: 30px;
    margin: 0;
  }

  .weui_uploader_input_wrp:before {
    height: 19.5px;
  }

  .weui_uploader_input_wrp:after {
    width: 19.5px;
  }

  .weui-uploader_file.inrow {
    margin: 0;
    width: 40px;
  }

  li.weui-uploader_file {
    display: inline-block;
    padding: 3px 5px;
  }

  ul#images {
    text-align: right;
  }
</style>
<template>
  <div class="weui-tabbar">
    <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on" @click="commentIt">
      <div class="weui-tabbar__icon">
        <img src="@/assets/icon-comment.png" alt="">
      </div>
      <p class="weui-tabbar__label">评论</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item" @click="shareIt">
      <div class="weui-tabbar__icon">
        <img src="@/assets/icon-share3.png" alt="">
      </div>
      <p class="weui-tabbar__label">分享</p>
    </a>
  </div>
</template>

<script>
  import wx from 'weixin-js-sdk'

  export default {
    name: 'ApproveBom',
    data () {
      return {
        submitStat: false,
        refuseNodes: []
      }
    },
    props: [
      'id',
      'srguid',
      'departid',
      'model',
      'navgateUrl',
      'flowid',
      'nodeid'
    ],
    components: {
    },
    mounted() {
    },
    methods: {
      commentIt: function () {
        this.$router.push({name: 'Comment', query: {id: this.id, flowid: this.flowid, nodeid: this.nodeid, srguid: this.srguid, departid: this.departid, navgateUrl: this.navgateUrl}});
      },
      shareIt: function () {
        this.$router.push({name: 'Share', query: {id: this.id, flowid: this.flowid, navgateUrl: this.navgateUrl}});
      }
    }
  }
</script>
